/* Copyright (C) 2014-2015 Mammoth Inc. */		
body{		
	font-family: STHeitiSC-Light,"黑体", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	background-image:none; 	
	background-color: #f7f7f7;		
	color: #fff;
	line-height: 1.5em;
	-ms-overflow-style: none;
}	
.mm_reg_container{		
	background-color: #FFF;		
	padding-bottom: 40px;		
}		
.mm_bottom{		
	position: absolute;		
}		
.mm_form_pass {
	height: 42px;
	border: 1px solid #d1d3d4;
	width: 300px;
	padding: 10px;
	box-shadow: none;
	margin-bottom: 16px;
	float: left;
	-webkit-transition: background-color linear 0.1s, color linear 0.1s;
	-moz-transition: background-color linear 0.1s, color linear 0.1s;
	-ms-transition: background-color linear 0.1s, color linear 0.1s;
	-o-transition: background-color linear 0.1s, color linear 0.1s;
	transition: background-color linear 0.1s, color linear 0.1s;
}
.mm_left_btn {
	padding: 10px 10px 10px 0;
	width:180px; 
	margin-right:10px;
	float:left;
}
.mm_right_btn{
	width:110px;
	float:left;
	padding: 10px 0px;
}
@media only screen and (min-width:320px) and (max-width:375px) {		
	 .mm_passport_jumbotron{		
		margin-top: 50px;		
		height: 373px;		
		margin-bottom: 0;		
	}		
	.mm_reg_container {		
		width: 100%;		
		padding: 0;		
	}		
	.mm_frame_register{		
		width: 300px;		
		margin: 0 auto;		
	}		
	.mm_form_pass{		
		width: 300;		
		height: 42px;		
		margin-bottom: 0;		
	}		
	.mm_form_info{		
		width: 300px;		
	} 		
	.mm_bottom{		
		width: 100%;		
	}		
	.mm_bottom > img{		
		height: 22px;		
		width: 80%;		
		margin: 0 auto;		
		bottom: 0;		
	}	
}		
		
@media only screen and (min-width:375px) and (max-width:768px) {		
	.mm_passport_jumbotron{		
		height: 468px;		
		margin: 50px auto 20px;		
	}		
	.mm_reg_container {		
		width: 100%;		
		padding: 0;		
	}		
	.mm_frame_register{		
		height: 520px;
		width: 300px;		
		margin: 0 auto;		
	}	
	.mm_form_info{		
		width: 300px;
		height: 40px;
		margin: 0 auto;		
	}	
	.mm_form_pass{		
		width: 300;		
		height: 42px;		
		margin-bottom: 0;		
	}		
	.mm_left_btn,
	.mm_right_btn{
		padding-top: 20px;
	}		
	.mm_bottom{		
		width: 100%;		
	}		
	.mm_bottom > img{		
		height: 22px;		
		width: 80%;		
		bottom: 0;		
	}		
}		
		
 @media only screen and (min-width:768px) and (max-width:1200px) {		
	.mm_passport_jumbotron{		
		height: 468px;		
		margin: 100px auto 100px;		
	}		
	.mm_reg_container {		
		width: 820px;		
		margin: 0 auto;		
	}		
	.mm_frame_register{		
		width: 320px;		
		margin: 0 auto;		
	}		
	.mm_bottom{		
		width: 36%;		
		left: 32%		
	}		
	.mm_bottom > img{		
		height: 22px;		
		width: 80%;		
		margin: 0 auto;		
		bottom: 0;		
	}	
	#mm_mobile_mail{
		margin-bottom: 0;
	}	
} 		
		
@media only screen and (min-width:1200px) {		
	.mm_passport_jumbotron{		
		height: 468px;		
		margin: 100px auto 100px;		
	}		
	.mm_reg_container {		
		width: 820px;		
		margin: 0 auto;		
	}		
	.mm_frame_register{		
		width: 320px;		
		margin: 0 auto;		
	}		
	.mm_bottom{		
		width: 18%;		
		left: 41%;		
		bottom: 0px;		
		height: 26px;		
	}		
	.mm_bottom > img{		
		height: 22px;		
		width: 100%;		
		margin: 0 auto;		
		bottom: 0;		
	}	
	#mm_mobile_mail{
		margin-bottom: 0;
	}	
}		

.mm_formset {
	padding: 30px 1px !important;
}		
.mm_title_pass{		
	color: #134258;
	font-size: 20px;
	margin-bottom: 10px;
}		
.mm_title_pass a{		
	font-size:12px; 		
	color:#b0b0b0;		
	margin-top:5px;		
	text-decoration: none;		
	margin-bottom: 6px;		
}		
.mm_title_pass a:hover{		
	text-decoration: underline;		
	color: #4a90E2;		
}	
.mm_subtitle {
	color: #bababe;
}
.mm_form_info {
	-webkit-transition: background-color linear 0.1s, background-image linear 0.1s, border-color linear 0.1s;
	-moz-transition: background-color linear 0.1s, background-image linear 0.1s, border-color linear 0.1s;
	-ms-transition: background-color linear 0.1s, background-image linear 0.1s, border-color linear 0.1s;
	-o-transition: background-color linear 0.1s, background-image linear 0.1s, border-color linear 0.1s;
	transition: background-color linear 0.1s, background-image linear 0.1s, border-color linear 0.1s;
	clear:both;
	position:relative;
	/*width:370px;*/
}	
#mm_verfy_phone,
#mm_getMobileCode{
	clear: both;
	display: none;
}
#mm_mobVerifyCode{
	width:140px; 
	margin-right:12px;
	height: 42px;
}

#mm_getMobVerCode_btn{
	width:146px;
	display: inline-block;
	height:42px;
	background-color: #5ac277;
	color: #fff;
}

input::-webkit-input-placeholder {
	color: #B0B0B0 !important;
	font-family: STHeitiSC-Light;
}
input:-moz-placeholder {
	color: #B0B0B0 !important;
	font-family: STHeitiSC-Light;
}
input::-moz-placeholder {
	color: #B0B0B0 !important;
	font-family: STHeitiSC-Light;
}
input:-ms-input-placeholder {
	color: #B0B0B0 !important;
	font-family: STHeitiSC-Light;
}
.mm_form_pass:focus {
	border: 1px solid #27aae1;
	box-shadow: none;
	background-color: #fff;
}
.mm_left {
	padding: 0 0px 0 0;
}
.mm_right {
	padding: 0 10px 0 0 !important;
}
.mm_btn_left, .mm_btn_right, .mm_btn_left:visited {
	padding: 10px 0;
	margin-bottom: 10px;
	border: none;
}
.mm_btn_left:active, .mm_btn_right:active {
	text-decoration: none;
}
.mm_btn_left {
	background-color: #ffa84b;
}
.mm_btn_left:hover {
	background-color: #ef983b;
}
.mm_btn_right {
	color: #fff !important;
	background-color: #b4cce8;
}
.mm_btn_right:hover {
	background-color: #a4bcd8;
}
.mm_haserror {
	border: 1px solid #ff3432;
}
.mm_insecure {
	border: 1px solid #ffa84b;
}
.mm_secure {
	border: 1px solid #4cc879;
}
.mm_forgetpwd {
	line-height: 40px;
	font-size: 18px;
}
.mm_btn_weibo, .mm_btn_weibo:visited {
	margin-bottom: 10px;
	opacity: 0.8;
	color: #fff !important;
	background-color: #ea392c;
}
.mm_btn_weibo:hover {
	opacity: 1;
	color: #fff !important;
	background-color: #ea392c;
}
.mm_btn_weixin, .mm_btn_weixin:visited {
	opacity: 0.8;
	color: #fff !important;
	background-color: #5bb94b;
}
.mm_btn_weixin:hover {
	opacity: 1;
	color: #fff !important;
	background-color: #5bb94b;
}
.mm_title_left {
	text-align: left;
}
.mm_passport_jumbotron {
	/*margin-top: 100px;*/
}
.mm_btn_img {
	width: 29px;
	height: 29px;
	margin-right: 5px;
}
#mm_verify{
	/*display: none;*/
}
.mm_form_img {
	width: 300px;
	/*padding-bottom: 10px;*/
}
.input-group-btn{
	width:110px;
	margin-right:10px;
}
#mm_img_captcha {
	height: 40px;
	width: 108px;
}
#mm_captcha{
	width: 182px;
	font-family: STHeitiSC-Light;
}
.mm_badge_error {
	background: url(../img/mm_social/mm_info_wrong.png) no-repeat;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 10px 0 0 10px;
}
.mm_badge_right {
	background: url(../img/mm_social/mm_info_right.png) no-repeat;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 10px 0 0 10px;
}

.list_tip {
	font-size: 12px;		
	height: 12px;		
	padding: 0; 		
	margin: 0;
	display: inline-block !important;
	color: #8c8c8f !important;
}
.mm_form_error {
	background-color: #fff1eb !important;
	border-color: #ff4647 !important;
}
.second_login {
	-webkit-transition: background-image linear 0.1s, color linear 0.1s;
	-moz-transition: background-image linear 0.1s, color linear 0.1s;
	-ms-transition: background-image linear 0.1s, color linear 0.1s;
	-o-transition: background-image linear 0.1s, color linear 0.1s;
	transition: background-image linear 0.1s, color linear 0.1s;
	width: 320px;
	margin-top: 10px;
}
.second_login a {
	background: url(../img/mm_social/mm_third_login.svg) no-repeat;
	width: 51px;
	height: 50px;
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
}
#weixin_icon {
	background-position: 0 -88px;
}
#weixin_icon:hover {
	background-position: 0 -88px;
	opacity: 0.8;
}
#weixin_icon:active {
	background-position: 0 -176px;
}
#weibo_icon {
	background-position: -64px -88px;
}
#weibo_icon:hover {
	background-position: -64px -88px;
	opacity: 0.8;
}
#weibo_icon:active {
	background-position: -64px -176px;
}
#github_icon {
	background-position: -128px -88px;
}
#github_icon:hover {
	background-position: -128px -88px;
	opacity: 0.8;
}
#github_icon:active {
	background-position: -128px -176px;
}
#renren_icon {
	background-position: -192px -88px;
}
#renren_icon:hover {
	background-position: -192px -88px;
	opacity: 0.8;
}
#renren_icon:active {
	background-position: -192px -176px;
}
#qq_icon {
	background: url(../img/mm_social/qq_hover.svg) no-repeat;
	width: 51px;
	height: 50px;
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
}
#qq_icon:hover {
	opacity: 0.8;
}
#qq_icon:active {
	background: url(../img/mm_social/qq_active.svg) no-repeat;
}
.mm_login_span {
	display: none;
	margin: 50px 0 0 7px;
	color: #888;
}
.mm_frame_register {
	-webkit-transition: height linear 0.5s;
	-moz-transition: height linear 0.5s;
	-ms-transition: height linear 0.5s;
	-o-transition: height linear 0.5s;
	transition: height linear 0.5s;
}
.btn-block {
	padding: 10px;
}
.btn-primary {
	opacity: 0.3;
}
.btn-primary:hover {
	opacity: 0.8;
}
.btn-primary:active {
	opacity: 1;
}
.mm_login_second {
	color: #8c8c8f;
	margin-top: 10px;
}
.mm_additional {
	color: #8c8c8f;
}
.mm_additional_item {
	color: #8c8c8f;
}
.mm_additional_item:hover {
	text-decoration: none;
	color: #888;
}

.mm_right_btn > a,
.mm_right_btn > a:link,
.mm_right_btn > a:hover,
.mm_right_btn > a:visited,
.mm_right_btn > a:active{
	color:#fff;
	text-decoration: none;
}
.mm_forgetpwd_span {
	color: #f00;
}
.mm_forgetpwd_btn {
	width: 80%;
	height: 40px;
}
.mm_form > input {
	height: 42px !important;
	border-radius: 1px;
	box-shadow: none;
	margin: 0;
	-webkit-transition: background-color linear 0.1s;
	-moz-transition: background-color linear 0.1s;
	-ms-transition: background-color linear 0.1s;
	-o-transition: background-color linear 0.1s;
	transition: background-color linear 0.1s;
}
@media (max-width:767px) {
	.mm_left, .mm_right {
		padding: 0;
	}
	.mm_left_btn {
		padding-right: 0;
	}
}
@media (max-width:991px) {
	.mm_frame {
		margin-left: 18%;
	}
	/*.mm_frame_register {
		margin-left: 18%;
	}*/
}
.align_wrap {
	word-wrap: break-word;
	overflow: hidden;
}
.col-xs-7 {
	width: 61%;
}
#mm_my_email {
	border: none;
}
.box {
	width: 100%;
	height: 100%;
	background: rgba(169, 169, 169, 0.20);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.sbox {
	width: 500px;
	height: 300px;
	background: white;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -150px;
}
.sbox .header {
	height: 50px;
	width: 440px;
	margin-left: 30px;
	border-bottom: 1px solid #a9a7a3;
	padding-top: 15px;
}
.sbox .header p {
	font-size: 18px;
	line-height: 20px;
	float: left;
	color: #134258;
}
.sbox .header h1 {
	float: right;
	line-height: 10px;
}
.footer1 {
	display: block;
	width: 440px;
	height: 200px;
	margin-left: 30px;
	margin-top: 50px;
	position: absolute;
	background: white;
	z-index: 3;
}
.footer1 p {
	color: red;
	margin-left: 220px;
	display: none;
}
.footer1 img {
	float: left;
	width: 120px;
	height: 50px;
}
.footer1 input {
	margin-left: 20px;
	width: 270px;
	font-size: 16px;
	height: 35px;
	border: 1px solid #CCC;
}
.footer1 button {
	width: 200px;
	height: 30px;
	background: #3eba7f;
	color: white;
	font-size: 16px;
	margin-left: 150px;
	margin-top: 30px;
	border: none;
}
.footer2 {
	display: block;
	width: 440px;
	height: 200px;
	margin-left: 30px;
	margin-top: 50px;
	position: absolute;
	background: white;
	z-index: 2;
}
.footer2 p {
	margin-left: 100px;
	color: red;
	display: none;
}
.footer2 input {
	float: left;
	width: 400px;
	font-size: 16px;
	height: 35px;
	border: 1px solid #CCC;
	margin-left: 20px;
}
.footer2 button {
	width: 200px;
	height: 30px;
	background: #3eba7f;
	border: none;
	color: white;
	font-size: 16px;
	margin-left: 140px;
	margin-top: 40px;
}
.footer3 {
	background: white;
	display: block;
	position: absolute;
	z-index: 1;
}
.footer3 p {
	margin-left: 100px;
	margin-top: 100px;
}
.footer3 button {
	display: inline-block;
	width: 130px;
	height: 30px;
	background: #3eba7f;
	border: none;
	color: white;
	font-size: 16px;
	margin-top: 50px;
}
.footer3 #btn_goEmail {
	margin-left: 150px;
	background: #00d100;
}
.box input {
	padding-left: 5px;
}
#close {
	color: #a7a6a9;
	margin-top: 1px;
	cursor: pointer;
}
.mm_transition img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.mm_transition img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.mm_frame_register {
	width: 300px;
	margin: 0 auto;
	padding: 20px 0 40px;
}

.mm_bottom{
	background-color: #f7f7f7;
	height: 32px;
	font-size: 10px;
	color: #aaaaaa;
}
.mm_bottom img{
	vertical-align: bottom;
}
@media (max-width:320px) {
	.mm_navbar > .container {
		width: 290px;
	}
	.mm_wrapper {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.mm_bottom {
		bottom: 0;
	}
	.mm_passport_jumbotron {
		height: 504px;
	}
}	
.mm_btn{		
	font-size: 16px;		
}		
.mm_btn_yellow{		
	color: #fff;		
	background-color: #ffa84b;		
	border: solid 1px #ffa84b;		
}		
.mm_btn_yellow:hover{		
	color: #fff;		
	background-color: #FCC24C;		
	border: solid 1px #FCC24C;		
}		
.mm_btn_yellow:active{		
	color: #fff;		
	background-color: #F29F46;		
	border: solid 1px #F29F46;		
}		
.mm_btn_green{		
	color: #fff;		
	background-color: #5cd889;		
	border: solid 1px #5cd889;		
}		
.mm_btn_green:hover{		
	color: #fff;		
	background-color: #6ce692;		
	border: solid 1px #6ce692;		
}		
.mm_btn_green:active{		
	color: #fff;		
	background-color: #5abf7a;		
	border: solid 1px #5abf7a;		
}		
.mm_btn_blue{		
	color: #fff;		
	background-color: #234e77;		
	border: solid 1px #234e77;		
}		
.mm_btn_blue:hover{		
	color: #fff;		
	background-color: #306da6;		
	border: solid 1px #306da6;		
}		
.mm_btn_blue:active{		
	color: #fff;		
	background-color: #1d4163;		
	border: solid 1px #1d4163;		
}		
.mm_additional,		
.mm_additional > P >a,		
.mm_login_second{		
	color: #969696;		
	font-size: 12px;		
}